<template>
	<div class="preview-chapter_type2">
		<div class="left">
			<PreviewText>
				<span slot="title">2021年初随笔</span>
				<span slot="content">往事，我这个人比较喜欢念旧吧，人事物。不知不觉，2019年马上就要过去了， 年初你满怀信心给自己定下的目标实现了多少，又有多少你没有实现。你还和曾经的你一样么，变化了么。最近总是能有意无意的[...]</span>
			</PreviewText>
			<PreviewFoot></PreviewFoot>
		</div>
		<div class="image">
			<router-link to="/" v-lazy:background-image="$store.getters.getImgURL(350,200,1)"></router-link>
		</div>
	</div>
</template>

<script>
	import PreviewText from "./PreviewText";
	import PreviewFoot from "./PreviewFoot";
	export default {
		name: "PreviewChapter_type2",
		components: {PreviewFoot, PreviewText}
	}
</script>

<style scoped>
	@media screen and (max-width: 992px) {
		.preview-chapter_type2 {
			padding: .5rem 1rem;
		}
	}
	@media screen and (min-width: 993px) {
		.preview-chapter_type2 {
			padding: 0;
		}
	}
	.preview-chapter_type2 {
		display: flex;
		flex-direction: row;
	}
	.left {
	}
	.image {
		width: 100%;
		padding-left: .2rem;
	}
	.image a{
		display: inline-block;
		width: 100%;
		height: 100%;
		background-size: cover;
		border-radius: .05rem;
	}
	.image a[lazy="loading"] {
		background-size: auto 50%;
		background-repeat: no-repeat;
		background-position: center;
	}
	.image a[lazy="error"] {
		background-size: 100% 100%;
	}
</style>
